@mixin gradient ($from_color,$to_color){
background: $from_color; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url();
background: -moz-linear-gradient(top,  $from_color 0%, $to_color 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$from_color), color-stop(100%,$to_color)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  $from_color 0%,$to_color 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  $from_color 0%,$to_color 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  $from_color 0%,$to_color 100%); /* IE10+ */
background: linear-gradient(to bottom,  $from_color 0%,$to_color 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from_color', endColorstr='$to_color',GradientType=0 ); /* IE6-8 */

}

body
{
 @include gradient(#d392fe,#9215f2);

	 header{
			nav{
				border-radius: 15px;
			}
		 #header-container{
			#reg-form-container{
				form{
					#btn-register
					{
						background-color: transparent;
					}

					div{
						input{
						background-color: #b35ef3;
						}
					}
				}
			}
		 }
	 }

	 section{
		article{
			border-radius: 15px;
			h1,p{
			color: white;
			}

			p{
				a{
				color: #d4a3f8;
				}
			}
		}
	 }

	 aside{
			ul{
				li{
					ul{
						li:before{
							content: url(../images/li-dot.png);

						}

						li{
							position: relative;
							left: -25px;
						}
					}
				}
			}
	 }


	 footer{
	 text-align: center;
	 }
}